<template>
  <div>
    <!-- 我的 -->
    <div class="p-20">
      <div class="box">
        <div class="box box-1 box-column text-center">
          <span class="mb-10">头像</span>
          <image
            src="/static/swipe.png"
            style="margin: 0 auto;"
            class="canuse-avatar block"
            mode="aspectFill"
          ></image>
          <span class="p-20 border mt-10">昵称</span>
        </div>

        <div class="box box-1 box-column text-center">
          <div class="box box-column">
            <span class=" p-20 border mb-20">好人币余额</span>
            <canuse-button size="small">今日签到</canuse-button>
          </div>
        </div>
      </div>
    </div>

    <!-- 我的任务 -->
    <div class="p-20 border text-center mt-40" @click="tomytask">我的任务</div>

    <!-- 我的消息 -->
    <div class="p-20 border text-center mt-40" @click="tomymessage">
      我的消息
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  methods: {
    // tomytask
    tomytask() {
      uni.navigateTo({
        url: `/pages/page/myTask`,
      });
    },

    // tomymessage
    tomymessage() {
      uni.navigateTo({
        url: `/pages/page/message`,
      });
    },
  },
};
</script>

<style lang="scss" scoped></style>
